<!DOCTYPE html>
<html lang="en" ng-app="mo">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/normalize.css">
    <script src="../js/angular.min.js"></script>
    <script src="../js/angular-ui-router.js"></script>
    <title>Title</title>
    <style>
        html{
            background: #EEEEEE;
        }
        .wrap{
            width: 100%;
            margin-top: 2rem;
        }
        .wrap .wrap1{
            width: 100%;
            height: 60px;
            line-height: 60px;
            display: flex;
            justify-content: flex-start;
            background: white;
        }
        .wrap .wrap1 div:first-child{
            display: flex;
            flex-direction: column;
            justify-content: center;
            width: 8%;
            margin-left: 1rem;
        }
        .wrap .wrap1 div:first-child img{
            height: 50%;
            width: 25px;
        }
        .wrap .wrap1 span{
            font-size: 18px;
            margin-left: 1rem;
        }
        .title{
            width: 100%;
            background: white;
            display: flex;
            justify-content: space-between;
            line-height: 50px;
        }
    </style>
</head>
<body>
<div class="title">
    <div style="display: flex;flex-direction: column;justify-content: center;">
        <a href="../index.html#/me/loveC" style="display: flex;justify-content: center;height: 100%;flex-direction: column">
            <img src="../img/left.png" alt="" style="width: 40px;height:60%;">
        </a>
    </div>
    <span style="font-size: 20px">设置</span>
        <div style="display: flex;flex-direction: column;justify-content: center;">
            <img src="../img/right.png" alt="" style="width: 40px;height: 60%;">
        </div>
</div>
<div class="wrap">
    <div class="wrap1" ui-sref="share">
        <div>
            <img src="../img/分享.png" alt="">
        </div>
        <div style="border-bottom: 2px solid #cccccc;width: 89%">
            <span>分享给好友</span>
        </div>
    </div>
    <div class="wrap1">
        <div>
            <img src="../img/反馈.png" alt="">
        </div>
        <div style="border-bottom: 2px solid #cccccc;width: 89%">
            <span>意见反馈</span>
        </div>
    </div>
    <div class="wrap1">
        <div>
            <img src="../img/更新.png" alt="">
        </div>
        <div style="display: flex;justify-content: space-between;width: 88%;height: 100%">
            <span>检查更新</span>
            <span style="border-right:1rem;display: inline-block;width: 8px;height: 8px;background: red;border-radius: 100%;margin-top: 1.5rem;margin-right: 1rem"></span>
        </div>
    </div>
    <div class="wrap1" style="margin-top: 2rem">
        <div>
            <img src="../img/回收.png" alt="">
        </div>
        <span>清理缓存</span>
    </div>
    <div class="wrap1" style="color: red;font-size: 18px;text-align: center;display: flex;justify-content: center;padding-left: 0px;width: 95%;margin: 0 auto;margin-top: 2rem;">
        退出登录
    </div>
</div>
<div ui-view="">

</div>
</body>
<script>
    var mo = angular.module("mo",["ui.router"]);

    mo.config(["$stateProvider","$urlRouterProvider",function ($stateProvider,$urlRouterProvider) {
            $stateProvider
                .state("share",{
                    url : "/share",
                    templateUrl : "share.html"
                })
                .state("set",{
                    url : ""
                })
        }
    ])
</script>
</html>